/**
 * Created by hasee on 2017/8/10.
 */
/**
 * Created by hasee on 2017/8/10.
 */
/**
 * Created by hasee on 2017/7/6.
 */
import React from 'react';
import {IfDispatcher} from "../dispatcher/dispatcher";
//import {zzltestStore} from "../store/zzlteststore";
export var Test2 = React.createClass({
    contextTypes:{
        router: React.PropTypes.object.isRequired,
    },

    getInitialState(){
        return {

        }
    },
    componentDidMount(){
        // this.token=zzltestStore.addListener(this._onChange);
        // this.tablecellChange();
        var table = $('#table_id_example').DataTable({
            //scrollY:300,
            //scrollX:1000,
            //paging:false,
            //fixedHeader: true,
            //info:false,
            //ordering:false,
            //searching:false,
            searchHighlight: true
        });
       // $(".table").colResizable();
        table.on( 'draw', function () {
            var body = $( table.table().body() );

            body.unhighlight();
            body.highlight( table.search() );
        } );

        $('#table_id_example1').DataTable({
            //scrollY:300,
            //scrollX:1000,
            //paging:false,
            //fixedHeader: true,
            //info:false,
            //ordering:false,
            //searching:false,
          //  'sPaginationType': 'ellipses',
            "aLengthMenu": [10, 20, 25, 50,100] // change per page values here
            ,
            "iDisplayLength": 20,
            "pagingType":   "full_numbers",
            "dom": 'rt<"bottom"iflp<"clear">>',
        });
        $('#table_id_example2').DataTable({
            //scrollY:300,
            //scrollX:1000,
            //paging:false,
            //fixedHeader: true,
            //info:false,
            //ordering:false,
            //searching:false,
            "pagingType":   "full_numbers",
            "dom": '<"top"i>rt<"bottom"flp><"clear">'
        });
    },

    componentWillUnmount(){
        //  zzltestStore.remove(this.token);


    },

    render(){

        return(
            <div className="row" style={{marginLeft:"15px",marginRight:"15px",backgroundColor:"#ddd"}}>
                <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"100px",backgroundColor:"#fff"}}>
                    <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"20px",marginBottom:"20px"}}>
                        <table id="table_id_example" className="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable"
                               cellSpacing="0" width="100%">
                            <thead>
                            <tr>
                                <th >Column 1</th>
                                <th >Column 2</th>
                                <th >Column 3</th>
                                <th >Column 4</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr className="success">
                                <td>Row 1 Data 1</td>
                                <td>Row 1 Data 2</td>
                                <td>Row 1 Data 3</td>
                                <td>Row 1 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 2 Data 1</td>
                                <td>Row 2 Data 2</td>
                                <td>Row 2 Data 3</td>
                                <td>Row 2 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 3 Data 1</td>
                                <td>Row 3 Data 2</td>
                                <td>Row 3 Data 3</td>
                                <td>Row 3 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 4 Data 1</td>
                                <td>Row 4 Data 2</td>
                                <td>Row 4 Data 3</td>
                                <td>Row 4 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 5 Data 1</td>
                                <td>Row 5 Data 2</td>
                                <td>Row 5 Data 3</td>
                                <td>Row 5 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 6 Data 1</td>
                                <td>Row 6 Data 2</td>
                                <td>Row 6 Data 3</td>
                                <td>Row 6 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 7 Data 1</td>
                                <td>Row 7 Data 2</td>
                                <td>Row 7 Data 3</td>
                                <td>Row 7 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 8 Data 1</td>
                                <td>Row 8 Data 2</td>
                                <td>Row 8 Data 3</td>
                                <td>Row 8 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 9 Data 1</td>
                                <td>Row 9 Data 2</td>
                                <td>Row 9 Data 3</td>
                                <td>Row 9 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 10 Data 1</td>
                                <td>Row 10 Data 2</td>
                                <td>Row 10 Data 3</td>
                                <td>Row 10 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 11 Data 1</td>
                                <td>Row 11 Data 2</td>
                                <td>Row 11 Data 3</td>
                                <td>Row 11 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 12 Data 1</td>
                                <td>Row 12 Data 2</td>
                                <td>Row 12 Data 3</td>
                                <td>Row 12 Data 4</td>
                            </tr>

                            <tr className="success">
                                <td>Row 13 Data 1</td>
                                <td>Row 13 Data 2</td>
                                <td>Row 13 Data 3</td>
                                <td>Row 13 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 14 Data 1</td>
                                <td>Row 14 Data 2</td>
                                <td>Row 14 Data 3</td>
                                <td>Row 14 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 15 Data 1</td>
                                <td>Row 15 Data 2</td>
                                <td>Row 15 Data 3</td>
                                <td>Row 15 Data 4</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
                <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"100px",backgroundColor:"#fff"}}>
                    <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"20px",marginBottom:"20px"}}>
                        <table id="table_id_example1" className="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable"
                               cellSpacing="0" width="100%">
                            <thead>
                            <tr>
                                <th >Column 1</th>
                                <th >Column 2</th>
                                <th >Column 3</th>
                                <th >Column 4</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success">
                                <td>Row 9 Data 1</td>
                                <td>Row 9 Data 2</td>
                                <td>Row 9 Data 3</td>
                                <td>Row 9 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 10 Data 1</td>
                                <td>Row 10 Data 2</td>
                                <td>Row 10 Data 3</td>
                                <td>Row 10 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 11 Data 1</td>
                                <td>Row 11 Data 2</td>
                                <td>Row 11 Data 3</td>
                                <td>Row 11 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 12 Data 1</td>
                                <td>Row 12 Data 2</td>
                                <td>Row 12 Data 3</td>
                                <td>Row 12 Data 4</td>
                            </tr>

                            <tr className="success">
                                <td>Row 13 Data 1</td>
                                <td>Row 13 Data 2</td>
                                <td>Row 13 Data 3</td>
                                <td>Row 13 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 14 Data 1</td>
                                <td>Row 14 Data 2</td>
                                <td>Row 14 Data 3</td>
                                <td>Row 14 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 15 Data 1</td>
                                <td>Row 15 Data 2</td>
                                <td>Row 15 Data 3</td>
                                <td>Row 15 Data 4</td>
                            </tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            <tr className="success"><td>Row 1 Data 1</td><td>Row 1 Data 2</td><td>Row 1 Data 3</td><td>Row 1 Data 4</td></tr>
                            <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td><td>Row 2 Data 3</td><td>Row 2 Data 4</td></tr>
                            <tr className="success"><td>Row 3 Data 1</td><td>Row 3 Data 2</td><td>Row 3 Data 3</td><td>Row 3 Data 4</td></tr>
                            <tr><td>Row 4 Data 1</td><td>Row 4 Data 2</td><td>Row 4 Data 3</td><td>Row 4 Data 4</td></tr>
                            <tr className="success"><td>Row 5 Data 1</td><td>Row 5 Data 2</td><td>Row 5 Data 3</td><td>Row 5 Data 4</td></tr>
                            <tr><td>Row 6 Data 1</td><td>Row 6 Data 2</td><td>Row 6 Data 3</td><td>Row 6 Data 4</td></tr>
                            <tr className="success"><td>Row 7 Data 1</td><td>Row 7 Data 2</td><td>Row 7 Data 3</td><td>Row 7 Data 4</td></tr>
                            <tr><td>Row 8 Data 1</td><td>Row 8 Data 2</td><td>Row 8 Data 3</td><td>Row 8 Data 4</td></tr>
                            </tbody>
                        </table>
                    </div>

                </div>
                <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"100px",backgroundColor:"#fff"}}>
                    <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"20px",marginBottom:"20px"}}>
                        <table id="table_id_example2" className="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable"
                               cellSpacing="0" width="100%">
                            <thead>
                            <tr>
                                <th >Column 1</th>
                                <th >Column 2</th>
                                <th >Column 3</th>
                                <th >Column 4</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr className="success">
                                <td>Row 1 Data 1</td>
                                <td>Row 1 Data 2</td>
                                <td>Row 1 Data 3</td>
                                <td>Row 1 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 2 Data 1</td>
                                <td>Row 2 Data 2</td>
                                <td>Row 2 Data 3</td>
                                <td>Row 2 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 3 Data 1</td>
                                <td>Row 3 Data 2</td>
                                <td>Row 3 Data 3</td>
                                <td>Row 3 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 4 Data 1</td>
                                <td>Row 4 Data 2</td>
                                <td>Row 4 Data 3</td>
                                <td>Row 4 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 5 Data 1</td>
                                <td>Row 5 Data 2</td>
                                <td>Row 5 Data 3</td>
                                <td>Row 5 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 6 Data 1</td>
                                <td>Row 6 Data 2</td>
                                <td>Row 6 Data 3</td>
                                <td>Row 6 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 7 Data 1</td>
                                <td>Row 7 Data 2</td>
                                <td>Row 7 Data 3</td>
                                <td>Row 7 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 8 Data 1</td>
                                <td>Row 8 Data 2</td>
                                <td>Row 8 Data 3</td>
                                <td>Row 8 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 9 Data 1</td>
                                <td>Row 9 Data 2</td>
                                <td>Row 9 Data 3</td>
                                <td>Row 9 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 10 Data 1</td>
                                <td>Row 10 Data 2</td>
                                <td>Row 10 Data 3</td>
                                <td>Row 10 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 11 Data 1</td>
                                <td>Row 11 Data 2</td>
                                <td>Row 11 Data 3</td>
                                <td>Row 11 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 12 Data 1</td>
                                <td>Row 12 Data 2</td>
                                <td>Row 12 Data 3</td>
                                <td>Row 12 Data 4</td>
                            </tr>

                            <tr className="success">
                                <td>Row 13 Data 1</td>
                                <td>Row 13 Data 2</td>
                                <td>Row 13 Data 3</td>
                                <td>Row 13 Data 4</td>
                            </tr>
                            <tr>
                                <td>Row 14 Data 1</td>
                                <td>Row 14 Data 2</td>
                                <td>Row 14 Data 3</td>
                                <td>Row 14 Data 4</td>
                            </tr>
                            <tr className="success">
                                <td>Row 15 Data 1</td>
                                <td>Row 15 Data 2</td>
                                <td>Row 15 Data 3</td>
                                <td>Row 15 Data 4</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>)
    }
});